{% extends "base.html" %}
    {% block control %}<li class="treeview active">{% endblock %}
    {% block upload %}
                            <li class="treeview active">
              <a href="#"><i class="fa fa-television"></i> <span>文件操作</span> <i class="fa fa-angle-left pull-right"></i></a>
              <ul class="treeview-menu">
                    <li><a href="/upload/"><i class="fa fa-genderless"></i>更新配置</a></li>
                    <li><a href="/getpack/"><i class="fa fa-genderless"></i>文件下载</a></li>
                    <li class="active"><a href="/md5check/"><i class="fa fa-genderless"></i>md5校验</a></li>
                    </ul>
                    </li>
    {% endblock %}
{% block content %}
          <ol class="breadcrumb">
            <li><i class="fa fa-television"></i> 管理中心</li>
            <li class="active">区域列表</li>
          </ol>

        <!-- Main content -->
        <section class="content">

          <div class="row">
            <div class="col-xs-12">


              <div class="box">
                <div class="box-header">
                  <h3 class="box-title">md5检测</h3>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <table id="example1" class="table table-bordered table-striped">
                    <thead>
                      <tr>
                        <th>服务器IP</th>
                        <th>文件名称</th>
                        <th>md5值</th>
                      </tr>
                    </thead>
                    <tbody>
                    {% for md5 in md5_list %}
                        <tr>
                        <td>{{ md5.nodeip }}</td>
                        <td>{{ md5.filename }}</td>
                        <td>{{ md5.md5value }}</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                    <tfoot>
                    <tr>
                        <th>服务器IP</th>
                        <th>文件名称</th>
                        <th>md5值</th>
                      </tr>
                      </tfoot>
                  </table>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
            </div><!-- /.col -->
          </div><!-- /.row -->
        </section><!-- /.content -->
    {% endblock %}

  {% block js %}
    {% load staticfiles %}
        <!-- DataTables -->
    <script src="{% static "plugins/datatables/jquery.dataTables.min.js" %}"></script>
    <script src="{% static "plugins/datatables/dataTables.bootstrap.min.js" %}"></script>

    <!-- Optionally, you can add Slimscroll and FastClick plugins.
         Both of these plugins are recommended to enhance the
         user experience. Slimscroll is required when using the
         fixed layout. -->
      <script>
      $(function () {
        $("#example1").DataTable();
      });
    </script>
  {% endblock %}
